<template>
	<!-- <div class="home">
		{{vuexStr}}{{vuexTop}}
		<img alt="Vue logo" src="../assets/logo.png">
		<HelloWorld msg="Welcome to Your Vue.js App" />
	</div> -->
	<div>
		<HomeTou></HomeTou>
		<swiper :swiper="swiper"></swiper>
		<HomeNav></HomeNav>
		<HomeNew :list="list"></HomeNew>
		<HomeTui :tui="tui"></HomeTui>
		<TableBar :home="home"></TableBar>
		<!-- <van-skeleton title :row="1" /> -->
	</div>
</template>

<script>
	// @ is an alias to /src
	// import HelloWorld from '@/components/HelloWorld.vue'
	// import {zone} from '@/api/Zone.js'
	// import {
	// 	mapGetters
	// } from 'vuex'
	import HomeTou from '@/components/Home/tou.vue'
	import swiper from '@/components/Home/swiper.vue'
	import HomeNav from '@/components/Home/home_nav.vue'
	import HomeNew from '@/components/Home/home_new.vue'
	import HomeTui from '@/components/Home/home_tui.vue'
	import TableBar from '@/components/tablebar/TableBar.vue'
	export default {
		name: 'Home',
		data() {
			return {
				home: true,
				swiper: [],
				list: [],
				tui: []
			}
		},
		components: {
			// HelloWorld
			HomeTou,
			swiper,
			HomeNav,
			HomeNew,
			HomeTui,
			TableBar
		},
		// computed: {
		// 	...mapGetters([
		// 		'vuexStr',
		// 		'vuexTop'
		// 	])
		// },
		created() {
			this.$store.dispatch('user/vuexTop', '头部')
				.then(e => {
					this.swiper = e.data.data
					console.log(e)
				})
			this.$store.dispatch('user/vuexNew', )
				.then(e => {
					this.list = e.data.data
					console.log(e)
				})
			this.$store.dispatch('user/vuexTui', )
				.then(e => {
					this.tui = e.data.data
					console.log(e)
				})
		}
	}
</script>
